<template>
  <div>
    <h1>props练习一</h1>
    <br>
    <hr>
    <Heater v-bind="{obj,count:0}"/>
    <br>
    <hr>
    <Content v-bind="obj"/>
    <br>
    <hr>
    <Update v-bind="{obj,count:0}"/>
  </div>
</template>

<script>
import Heater from './components/Heater/index.vue';
import Content from './components/Content/index.vue';
import Update from './components/Update/index.vue'
  export default {
    name : 'App',
    data(){
      return {
        obj:{
          name : 'wangge',
          age : 18,
          sex : 'nan'
        }
      }
    },
    components:{
      Heater,
      Content,
      Update
    }
    
  }
</script>

<style lang="scss" scoped>

</style>